﻿<phone:PhoneApplicationPage xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" d:DesignWidth="480" d:DesignHeight="800"
	x:Class="ontheroad.mydirection"
	mc:Ignorable="d"
	Orientation="Portrait"
	shell:SystemTray.IsVisible="False">
	<phone:PhoneApplicationPage.Resources>
		<Style x:Key="newdirectionbut" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<StackPanel x:Name="stackPanel" Orientation="Horizontal" Background="#CC000000">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ColorAnimation Duration="0" To="{StaticResource PhoneAccentColor}" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="stackPanel" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Image Height="32" Source="icons/appbar.add.rest.png" Stretch="Fill" Width="32" VerticalAlignment="Center" Margin="10,0,0,0"/>
							<ContentPresenter HorizontalAlignment="Left" Margin="5,7,10,10"/>
						</StackPanel>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="FontFamily" Value="Segoe WP Semibold"/>
			<Setter Property="FontSize" Value="24"/>
			<Setter Property="Foreground" Value="White"/>
		</Style>
	</phone:PhoneApplicationPage.Resources>

	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>

	<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="White">
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto"/>
			<RowDefinition Height="0.138*"/>
			<RowDefinition Height="0.862*"/>
		</Grid.RowDefinitions>
		
		<StackPanel x:Name="TitlePanel" Grid.Row="1" Margin="20,10,0,0" d:LayoutOverrides="Height">
			<StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
				<TextBlock TextWrapping="Wrap" Text="on" FontFamily="Segoe WP SemiLight" HorizontalAlignment="Right" FontSize="24" VerticalAlignment="Center" FontWeight="Bold" Margin="0,0,0,-18">
					<TextBlock.Foreground>
						<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
					</TextBlock.Foreground>
				</TextBlock>
				<TextBlock TextWrapping="Wrap" Text="theroad" VerticalAlignment="Center" FontFamily="Segoe WP" FontSize="24" Margin="0,0,0,-18" FontWeight="Bold" d:LayoutOverrides="Width" HorizontalAlignment="Left">
					<TextBlock.Foreground>
						<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
					</TextBlock.Foreground>
				</TextBlock>
			</StackPanel>
			<TextBlock x:Name="PageTitle" Text="add to my direction" Margin="0,10,0,0" Style="{StaticResource PhoneTextTitle1Style}" FontSize="46.667" FontFamily="Segoe WP Semibold" Foreground="Black" FontWeight="Bold"/>
		</StackPanel>

		<!--ContentPanel - place additional content here-->
		<Grid x:Name="ContentPanel" Grid.Row="2" Margin="20,0,12,0">
			<StackPanel Margin="0,10,0,0">
				<TextBlock x:Name="roadnametxt" Margin="0,10,0,0" TextWrapping="Wrap" Text="ถนนพญาไท" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="40" FontWeight="Bold" HorizontalAlignment="Left" TextDecorations="Underline" d:LayoutOverrides="HorizontalAlignment">
					<TextBlock.Foreground>
						<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
					</TextBlock.Foreground>
				</TextBlock>
				<StackPanel Orientation="Horizontal" Width="448" Margin="0,-15,0,0">
					<TextBlock Margin="0" TextWrapping="Wrap" Text="จาก :" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" Foreground="Black" VerticalAlignment="Bottom" HorizontalAlignment="Left" FontWeight="Bold"/>
					<TextBlock x:Name="fromtxt" Margin="5,0,0,0" TextWrapping="Wrap" Text="แยกพญาไท" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" Foreground="#FF494949" VerticalAlignment="Bottom" HorizontalAlignment="Left" FontWeight="Bold"/>
					<TextBlock Margin="10,0,0,0" TextWrapping="Wrap" Text="ถึง :" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" Foreground="Black" VerticalAlignment="Bottom" HorizontalAlignment="Left" FontWeight="Bold"/>
					<TextBlock x:Name="totxt" Margin="5,0,0,0" TextWrapping="Wrap" Text="แยกราชเทวี" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" Foreground="#FF494949" VerticalAlignment="Bottom" HorizontalAlignment="Left" FontWeight="Bold"/>
				</StackPanel>
				<TextBlock TextWrapping="Wrap" Text="select a direction" FontFamily="Segoe WP Semibold" FontSize="29.333" FontWeight="Bold" Foreground="Black" d:LayoutOverrides="Width" Margin="0,15,0,0"/>
				<toolkit:ListPicker x:Name="selectdirectionpicker" Margin="0" HorizontalAlignment="Left" Width="448" BorderThickness="1" Background="#FFF3F3F3" Padding="0"/>
				<StackPanel Margin="0,15,0,0" Orientation="Horizontal" HorizontalAlignment="Right">
					<Button x:Name="newdirectionbut" Content="new direction" HorizontalAlignment="Left" Style="{StaticResource newdirectionbut}" Click="newdirectionbut_Click"/>
					<Button x:Name="addbut" Content="add" HorizontalAlignment="Left" Margin="20,0,0,0" Style="{StaticResource addbut}" Click="addbut_Click"/>
				</StackPanel>
			</StackPanel>
		</Grid>
	</Grid>
</phone:PhoneApplicationPage>